<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link href="../libs/swiper/css/swiper.min.css" rel="stylesheet">
	<link rel="stylesheet" href="/css/shoppingcar.css" type="text/css">
	<script src="../libs/js/utils.js" type="text/javascript" charset="utf-8"></script>
	<body>
		<header class="header"></header>
		<div class="headerback"></div>
		
		<div class="content" style="height: auto;">
			<div class="content-center">
			    <div class="block" id="cartFull" style="">
			        <div class="cart-top">
			            <p class="title">我的购物车</p>
			            <table border="0" cellpadding="0" cellspacing="0">
			                <thead>
			                <tr>
			                    <th class="t-l t-all" width="188" height="55">
			                        <input type="checkbox" id="select-all" value="1" checked="" name="pro-select" >
			                        <span>全选</span>
								</th>
			                    <th class="t-l" width="316" colspan="2">商品名称</th>
			                    <th width="134">数量</th>
			                    <th width="134">单价</th>
			                    <th width="134">状态</th>
			                    <th width="134">操作</th>
			                </tr>
			                </thead>
			                
							<tbody id="shop_tbody">
								
							</tbody>
							<script type="text/html" id="cartTemplate">
								{{each cart item index}}
									<tr data-id="{{item.id}}" data-num='{{index}}' class="tr">
										<td class="t-l" width="188">
											<input type="checkbox"  class="checks" value="1" checked="" name="sex" data-skusn="K20072454561_1" data-count="2" data-price="3999">
										</td>
										<td width="70" class="img">
											<div class="img-col">
												<img src="{{item.image}}">
											</div>
										</td>
										<td width="246">
											<p class="pro-name">{{item.title.slice(0,15)}}</p>
											<p class="pro-desc">{{item.couponStatus}}</p>
										</td>
										<td width="134">
											<div class="sel-num">
												<button class="reduce-num reduce0" style="width: 20px;">-</button>
												<input class="num" style="width: 20px; text-align: center;" value="{{item.count}}">
												<button class="add-num add0" style="width: 20px;">+</button>
											</div>
										</td>
										<td width="134">￥{{item.price}}</td>
										<td width="134">待付款</td>
										<td width="134"><button type="button" class="delete"><a href="./shoppingcar.html">删除</a></button></td>
									</tr>
								{{/each}}
							</script>
							
			            </table>
			            <p class="note" style="text-align: right; margin-top: 10px; font-size: 13px; color: #666;">快去结算看看有哪些优惠吧</p>
			        </div>
			        <div class="cart-bottom">
			            <div class="cart-bottom-left">
			                <a href="index.html">
			                    <i class="fa fa-shopping-cart"></i>
			                    <span><a href="./list.html">继续购物</a></span>
			                </a>
			            </div>
			            <div class="cart-bottom-right">
			                共<span class="total-num" id="count-all">2</span>件商品，已选<span class="total-num" id="count-select">2</span>件，合计：<span class="total-price" id="Paymoney">￥</span>
			                <div class="btn-l btn-green animate-common animate-duration-ms" id="pay">去结算</div>
			            </div>
			        </div>
			    </div>
			    <div class="block" id="cartEmpty" style="display: none; margin-bottom: 120px;">
			        <div class="cartNone-col">
			            <!--<img src="https://shop-1256119282.file.myqcloud.com/blackshark/pc-source/resource/img/cart/cart-none.svg">-->
			            <p>购物车竟然是空的，快去添加吧</p>
			            <div class="btn-l btn-green animate-common animate-duration-ms" id="goStore" style="margin-top: 56px;">去商城</div>
			        </div>
			    </div>
			</div>
			
			
			
			
		</div>
		
		
		
		
		
		<footer class="footer"></footer>
		
		<script src="../libs/require/require.min.js" data-main="../js/shoppingcar.js"></script>
	</body>
</html>
